.video {
  display: flex;
  justify-content: space-around;
  // background-color: pink;
  flex-direction: row;
  flex-wrap: wrap;

  .video-item {
    display: flex;
    // background-color: red;
    width: 45%;
    flex-direction: column;
    // height: 40%;
    height: 280rpx;
    margin-bottom: 10rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 25rpx;
    line-height: 30rpx;
    image {
      // height: 300rpx;
      width: 100%;
      border-radius: 12rpx;
      overflow: hidden;
      display: block;
      margin-top: 20rpx;
    }

    position: relative;

    .inline-words {
      font-size: 20rpx;
      color: #fff;

      .playCount,
      .duration {
        // float: left;
        position: absolute;
        bottom: 75rpx;
      }

      .duration {
        right: 0;
      }

      .playCount::before {
        content: "";
        background-image: url("");
        width: 20rpx;
        height: 20rpx;
        // background-color: red;
        display: inline-block;
        background-size: 100% 100%;

      }
    }
  }
}